import React, { Component } from 'react';
import { Link } from "react-router-dom";
import { Button } from 'antd';
import { HomeFilled } from '@ant-design/icons';

export default class ErrorPage extends Component {
    render() {
        return (
            <div style={{width:'100vw',height:'100vh', display: 'flex', justifyContent:'space-around',alignItems:'center',flexDirection:'column'}}>
                <img src="https://cdn.img.wenhairu.com/images/2020/04/22/NloFA.png" style={{width:'100%'}} alt=""/>
                <div style={{ color:'rgba(0,0,0,.45)'}}>Sorry, the page you visited does not exist.</div>
                <Link to='home'>
                    <Button type="primary" shape="round" icon={<HomeFilled />} size='large'>Back to home page</Button>
                </Link>
            </div>
        );
    }
}

